<template>
	<view>
		<NavBar :title="'破产企业基本情况'" />
		<scroll-view scroll-y="true" class="scroll-Y">
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">破产管理人性质</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList1" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>

			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">律师事务所执业许可证证号</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
				<!-- <u--input placeholder="请输入" border="surround" color="rgba(0,0,0,0.8)"></u--input> -->
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">会计事务所执业许可证号</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">破产申请裁定文书号</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">破产、强清管理人指定决定文书号</text>
					<text class="icon">*</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">破产管理人/清算组名称</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">破产管理人/清算组成员姓名（多个用逗号隔开）</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">执业证号</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">经办人联系方式</text>
				</view>
				<input type="text" placeholder="请输入" />
			</view>
		</scroll-view>
		<view class="but">
			<view class="submit" @click="submitClick">
					保存
			</view>
		</view>
	</view>
</template>

<script>
	import navbar from '@/pages/guide/enterprise/navbar.vue';
	export default {
		components: {
			navbar
		},
		data() {
			return {
				content: '',
				isShow: false,
				form: {
					education: '',
				},
				checkboxValue1: [],
				// 基本案列数据
				checkboxList1: [{
						name: '律师事务所',
						disabled: false
					},
					{
						name: '会计事务所',
						disabled: false
					},
				],
			};
		},
		onLoad(option) {
			console.log(option);
			this.content = option.text
			if (option.isShow) {
				this.isShow = option.isShow
			}
		},
		methods: {
			checkboxChange(n) {
				console.log('change', n);

			},
			submitClick() {
			    console.log('提交表单');
			    this.$u.toast('提交成功');
			    this.$u.route({
			        url: '/pages/fromTable/bankruptcy/index'
			    });
			}
			
		}

	}
	
</script>

<style lang="scss" scoped>
	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	* {
		box-sizing: border-box;
	}

	.scroll-Y::-webkit-scrollbar {
		display: none;
	}

	.scroll-Y {
		width: 100%;
		padding: 30.77rpx;
		height: calc(100vh - 369rpx);
		background-color: #fff;
		font-family: PingFang SC, PingFang SC;
		scrollbar-width: none;
		-ms-overflow-style: none;

		.uni-column {
			font-weight: 400;
			font-size: 31rpx !important;
			color: rgba(0, 0, 0, 0.8);
			padding: 15rpx 0;
			border-bottom: 1rpx solid #D0D3D6;
		}

		.title {
			margin-bottom: 20rpx;

			.icon {
				font-weight: 400;
				font-size: 27rpx;
				color: #DC0000;
			}

			.content {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 27rpx;
				color: rgba(0, 0, 0, 0.6);
				margin-right: 3.85rpx;
			}
		}
	}

	.but {
		padding-top: 15rpx;
		background-color: #FFFFFF;
		border-top: 1rpx solid #D0D3D6;

		.submit {
			margin: 0 auto;
			width: 688rpx;
			height: 92rpx;
			background: #2C5E9F;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-weight: 400;
			font-size: 29rpx;
			color: #FFFFFF;
			line-height: 92rpx;
			text-align: center;
		}
	}

	.input-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 60rpx;
		font-size: 32rpx;
		color: #333;
	}

	.input-value {
		color: #333;
		flex: 1;
	}
</style>